<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1717093_e4kmh8f44k.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/list.css">
</head>
<body>
    <!-- 导航栏 -->
    <header class="head">
        <article class="h_box">
            <div class="h_box_r">
                <div class="h_box_r1">
                    <a href="./login.html">登录</a><a href="./register.html">注册</a>

                    <!-- <i class="iconfont icon-touxiang i1"></i>
                    <a>Eternal</a>
                    <i class="iconfont icon-fanhui4 i2"></i>

                    <div id="logindexHeatActive">
                        <ul>
                            <li>我的订单</li>
                            <li>退款/售后</li>
                            <li>我的资产</li>
                            <li>我的收藏</li>
                            <li>地址管理</li>
                            <li>退出登录</li>
                        </ul>
                    </div> -->

                </div>
                <span></span>
                <div class="h_box_r2"><a href="#">帮助中心</a></div>
                <span></span> 
                <div class="h_box_r3"><a href="#"><i class="iconfont icon-31baocundaozhuomian"></i>下载APP</a></div>
                <span></span> 
                <div class="h_box_r4">
                    <a class="box_r4_a" href="#" >资质证照&nbsp;/&nbsp;协议规定<i class="iconfont icon-fanhui4"></i></a>
                    <ul class="h_box_r4_list">
                        <li><a href="#">资质证照</a></li>
                        <li><a href="#">协议规定</a></li>
                    </ul>
                </div>
            </div>
    </article>
    </header>
    
    <!-- 定位导航 -->
    <section class="flxedbar">
        <ul class="flxedbar_box">
            <li>
                <i class="iconfont icon-kefu"></i>
                <p>联系客服</p>
            </li>
            <li>
                <i class="iconfont icon-saoyisao"></i>
                <p>下载APP</p>
            </li>
            <li>
                <i class="iconfont icon-liwuhuodong"></i>
                <p>新人有礼</p>
            </li>
            <li>
                <i class="iconfont icon-weixin"></i>
                <p>关注微信</p>
            </li>
            <li class="flxedbar_box_last">
                <i class="iconfont icon-31huidaodingbu"></i>
                <p>回到顶部</p>
            </li>
        </ul>
    </section>
    
    
    <!-- 搜索框 -->
    <section class="search">
        <div class="search_logo" id="cartSeachLogo"><img src="https://shop.io.mi-img.com/static/h5/static3/media/logo@2x.cf8cc6a8.png" alt=""></div>
    
        <div class="search_none">
            <div class="search_none_box">
                <span>分类</span>
                <i class="iconfont icon-fanhui4"></i>
            </div>

            <article class="search_list">
                <ul class="search_list_box"> 
                    <li><a href="#">有品推荐</a>&nbsp;/&nbsp;<a href="#">家用电器</a></li>
                    <li><a href="#">智能家庭</a>&nbsp;/&nbsp;<a href="#">电视影音</a></li>
                    <li><a href="#">家具家装</a>&nbsp;/&nbsp;<a href="#">居家餐厨</a></li>
                    <li><a href="#">运动户外</a>&nbsp;/&nbsp;<a href="#">出行车品</a></li>
                    <li><a href="#">手机电脑</a>&nbsp;/&nbsp;<a href="#">数码周边</a></li>
                    <li><a href="#">服装配饰</a>&nbsp;/&nbsp;<a href="#">鞋靴箱包</a></li>
                    <li><a href="#">日用文创</a>&nbsp;/&nbsp;<a href="#">美食酒饮</a></li>
                    <li><a href="#">美妆个护</a>&nbsp;/&nbsp;<a href="#">健康保健</a></li>
                    <li><a href="#">母婴亲子</a>&nbsp;/&nbsp;<a href="#">宠物生活</a></li>
                </ul>
    
                <article class="search_list_active">
                    <!-- <div class="search_listact_box">
                        <p>有品推荐</p>
                        <ul class="clear_fix">
                            <li>
                                <img src="https://img.youpin.mi-img.com/miio_album_pics/e3c2e6ebed890f23ecb93e163dfe322e.png?w=800&h=800" alt="">
                                <span>销量榜单</span>
                            </li>
                        </ul>
                    </div>  -->
                </article>
    
            </article>
        
        </div>

        <div class="search_buy">限时抢购</div>
        <p><i class="iconfont icon-cart"></i></p>
        <article class="search_box">
            <i class="iconfont icon-31sousuo"></i>
            <div><input type="text" placeholder="搜一搜"></div>
        </article>
    </section>

    <!-- 商品列表 -->
    <section class="recommend clear_fix"> 
        <div class="recommend_nav">
            <span>首页</span>
            <span>></span>
            <span>有品推荐</span>
        </div>
        <h2>销量榜单</h2>
        <article class="recommend_goods">

            <!-- <article class="recommend_goods_box">
                <div class="recommend_gbox_t">
                    <div>
                        <img src="https://img.youpin.mi-img.com/shopmain/60895c796407823b061930d3e94e7bc3.png@base@tag=imgScale&F=webp&h=800&w=800?w=800&h=800" alt="">
                        <p class="recommend_gbox_tcolor">3色可选</p>
                    </div>
                    <p>视网膜显示屏，内置摄像头，触...</p>
                </div>
                <div class="recommend_gbox_b">
                    <div id="discount"><p class = "discount1"></p><pclass = "discount2"><img src=></p></div>
                    <p>Apple/苹果 10.2 英寸...</p>
                    <p>
                        <span>￥</span>
                        <span>2499</span>
                        <span>起</span>
                    </p>
                </div>
            </article> -->


        </article>
    </section>




    
    <!-- 页尾 -->
    <footer class="foot">
        <section class="foot_box">
            <article class="foot_box_l"><img src="https://shop.io.mi-img.com/static/h5/static3/media/logo@2x.cf8cc6a8.png" alt="">
            </article>
            <article class="foot_box_r">
                <div class="foot_box_rl">
                    <p>
                        <span>©xiaomiyoupin.com</span>
                        <span>苏B2-20180351 苏ICP备18025642号-1</span>
                        <img src="https://shop.io.mi-img.com/static/h5/static3/media/record-icon.d0289dc0.png" alt="">
                        <span>苏公网安备 32010502010244号</span>
                    </p>
                    <p>
                        <span>企业名称：有品信息科技有限公司</span>
                        <a href="#">关于我们</a>
                        <a href="#">入驻有品</a>
                    </p>
                    <p>
                        <a href="#">小米有品平台运营主体变更公告</a>
                    </p>
                    <p>南京市建邺区白龙江东街8号3栋9层</p>
                </div>
                <div class="foot_box_rr">
                    <img src="https://shop.io.mi-img.com/static/h5/static3/media/f-logo.c6285587.png" alt="">
                </div>
            </article>
        </section>
    </footer>


</body>
<script src="../static/jquery.js"></script>
<script src="../js/ajax.js"></script>
<script src="../js/goods.js"></script>
<script src="../js/dump.js"></script>
<script src="../js/lazyLoad.js"></script>
</html>